﻿@charset "utf-8";
/* ps_box */
.ps_box {position:relative;}
.pics_switch {position:relative;margin:auto;height:400px;background:#1b1c24;overflow:hidden; width:100%;}
.pics_switch .pb {height:400px;}
.pics_switch .pic_box {position:absolute;left:0;top:0;width:100%;height:400px;overflow:hidden;}
.pics_switch .pic_box a {display:block;width:79%;margin:0px auto;height:400px;}
/*左右翻页箭头*/
.viewArrows {display:block;width:46px;height:64px;line-height:50px;cursor:pointer;text-indent:-99999999px;position:absolute;top:170px;}
.prev {left:129px;background:url(../images/prev.png) center center no-repeat;}
.next {right:129px;background:url(../images/next.png) center center no-repeat;}
.pics_switch .pic_box a.pic_banner_001 { background-position:center top;}
.pics_switch .pic_box a.pic_banner_002 { background-position:center top;}
.pics_switch .pic_box a.pic_banner_003 { background-position:center top;}
.pics_switch .pic_box a.pic_banner_004 { background-position:center top;}
.ps_box .pics_switch_clients {width:365px;height:5px;position:absolute;left:41%;bottom:25px;overflow:hidden; text-align:center;}
.ps_box .pics_switch_clients ul {margin-top:0px;display:inline-block;height:auto;overflow:hidden;}
.ps_box .pics_switch_clients ul li {float:left;cursor:pointer; width:68px; height:5px; background-color:#FFF; margin-right:5px;}
.ps_box .pics_switch_clients ul li span {display:block;margin-right:5px;width:68px;height:5px;background:#8dc04e;}
/******************** 响应式 ********************/
@media all and (max-width: 1030px){}
/* Default wide-screen styles */
@media all and (max-width: 1024px){
.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a {width:1024px;}
.prev {left:25px;}
.next {right:25px;}
}
@media all and (max-width: 960px){
.ps_box{overflow:hidden;}
.pics_switch{height:400px;}
.pics_switch .pb{height:400px;}
.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:960px;}
}
@media all and (max-width: 768px){
.ps_box{overflow:hidden;}
.pics_switch{height:400px;}
.pics_switch .pb{height:400px;}
.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:768px;}
}
@media all and (max-width: 640px){
.prev{left:40px;}
.next{right:40px;}
.ps_box{margin-bottom:30px;overflow:hidden;}
.pics_switch{height:400px;}
.pics_switch .pb{height:400px;}
.pics_switch .pic_box a{height:400px;background-size:1103.4px 400px !important;}
.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:640px;}
}
@media all and (max-width: 480px){
.prev{left:10px;}
.next{right:10px;}
.ps_box{margin-bottom:25px;overflow:hidden;}
.ps_box .pics_switch_clients{height:30px;}
.ps_box .pics_switch_clients ul{margin:0 auto;}
.ps_box .pics_switch_clients ul li{padding:15px 0;}
.pics_switch{width:480px;height:200px;}
.pics_switch .pb{height:250px;}
.pics_switch .pic_box a{height:200px;background-size:630px 218px !important;}
.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:480px;}
}
@media all and (max-width: 320px){
.prev{left:10px;}
.next{right:10px;}
.ps_box{margin-bottom:15px;overflow:hidden;}
.ps_box .pics_switch_clients{height:30px;}
.ps_box .pics_switch_clients ul{margin:0 auto;}
.ps_box .pics_switch_clients ul li{padding:15px 0;}
.pics_switch{width:320px;height:200px;}
.pics_switch .pb{height:200px;}
.pics_switch .pic_box a{height:200px;background-size:568px 200px !important;}
.pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a{width:320px;}
}
@media all and (max-width: 240px){
body{}
}
.thivi{ width:1000px; margin:0 auto; margin-top:40px;}
.thivi_1{ width:1000px; float:left;}
.thivi_2{ width:548px; float:left;}
.ouh{ width:504px; background:url(../images/index_7.jpg) no-repeat; height:24px; padding-left:44px;}
.ouh .ouh_1{ color:#484848;}
.ouh .ouh_2{ font-size:12px; color:#7d7d7d; float:right; padding-right:14px; padding-top:3px;}
.ouh .ouh_2 a{ color:#7d7d7d;}
.ouh .ouh_2 a:hover{ color:#1967b9;}
.ouh_3{ width:548px; border-top:#CCC 1px solid; margin-top:9px;}
.ouh_4{ width:548px; float:left;padding-top:20px;}
.ouh_4 dt{ float:left; width:197px;}
.ouh_4 dd{ float:right; width:318px; font-size:12px; color:#535353;}
.ouh_5{ width:319px; }
.ouh_5 li{ height:28px; line-height:28px;}
.ouh_5 li span{ padding-right:13px;}
.ouh_5 li a{ color:#535353;}
.ouh_5 li a:hover{ color:#1967b9;}
.ftian{ width:548px; margin-top:28px; height:18px; line-height:18px;}
.ftian a{ color:#383838;}
.ftian a:hover{ color:#1967b9;}
.ftian span{ float:right; font-size:12px; color:#b0b0b0;}
.ftian_1{ width:548px; line-height:21px; color:#7d7d7d; font-size:12px; margin-top:25px;}
.ftian_1 a{ color:#7d7d7d;}
.ftian_1 a:hover{ text-decoration:underline;}
.thivi_3{ width:394px; float:right;}
.thivi_4{ width:394px; float:left; margin-top:5px;}
.thivi_4 li{ width:194px; float:left; margin-top:3px; margin-right:3px;}
.thivi_4 li a:hover{ filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;}
.sub{ width:1000px; margin:0 auto; margin-top:56px;}
.sub_one{ background:url(../images/index_12_07.jpg) no-repeat; height:25px;}
.sub_two{ font-size:18px; color:#484848; padding-left:36px;}
.sub_three{ padding-left:830px; font-size:12px; color:#888;}
.sub_three a{color:#888;}
.sub_three a:hover{color:#1967b9;}
.sub_four{ width:1010px; float:left; margin-top:20px;}
.sub_four li{ width:191px; float:left; margin-right:11px; position:relative; overflow:hidden;}
.sub_six{ width:191px; height:90px; background:#000; filter:Alpha(opacity=70); opacity:0.7; position:absolute; left:0px; bottom:-90px; z-index:9999;}
.sub_six .sub_seven{ width:191px; height:90px; z-index:9999; font-size:12px; padding-top:18px;}
.sub_six .sub_seven p{ padding-left:18px; }
.sub_six .sub_seven a{ color:#FFF;}
.sub_six .sub_eight{ font-size:10px; padding-top:16px;}
.car{ width:100%; background:url(../images/index_06.jpg) repeat-x; height:197px;}
.car_1{ width:1000px; margin:0 auto;}
.car_2{ width:1000px; float:left; margin-top:30px; overflow:hidden;zoom:1; height:126px;}
.car_2 li{ width:142px; float:left; cursor:pointer; position:relative; overflow:hidden; height:126px;}
.car_2 li .main{ position:absolute; left:0px; width:142px; height:126px;}
.car_2 li .chin1{ position:absolute; left:00px; top:30px; width:142px; text-align:center;}
.car_2 li p{ width:142px; text-align:center; font-size:14px; color:#FFF; margin-bottom:20px; position:absolute; left:0px; bottom:10px;}
.car_2 li p a{ color:#FFF; text-align:center; display:block;}